<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>Elab</title>
</head>

<style>
    .module{
        border-radius: 15px;
        position: absolute;
        background-color: white;
        border: #D9D9D9 4px solid;

    }
</style>
<!--body宽度最好别设置吧-->
<body style="background-color: #E5E5E5 ">










 <!--main body-->
<div style="width: 1920px;height: 943px;margin: auto;">


    <!--topbar-->
    <div id="topBar" style="height: 50px; background-color: #222222;width: 100%">
        <div id="logo" style="width: 180px;height: 50px; background-color: #222222">
            <a href="/Elab/main"><img src="/image/ELab2.jpg" alt="Elab" ></a>
            <!--style="opacity: 0.9%"-->
        </div>
    </div>


<!--距离页面特定位置-->
    <div id="functionSet" style="position: absolute;left: 320px;top: 81px; width: 1282px;height: 740px">
<!--使用absolute 后 无论是float 还是 none   left 都是对准 父元素的div左上角

left 必须为left  right才能和他并排  估计是 右把他看成父元素了？》
-->
   <div id="functionSetLeft"   style=" position: absolute; width:910px;height: 740px;">
       <div class="module" id="recentUse" style="width: 360px;height: 250px">
           最近使用
       </div>
       <div class="module" id="calendar" style="width: 520px;height: 250px;left: 390px;">
           日程安排
       </div>
       <div class="module" id="labManage" style="width: 915px;height: 450px;top: 280px;">
           实验室管理
       </div>
   </div>


    <div id="functionSetRight"  style="position: absolute; width:340px;height: 740px; left: 940px; ">
            <div class="module" id="personMessage" style="width:340px;height: 120px;">
                    个人信息林家祥
            </div>
        <div class="module" id="noticeBoard" style="width:340px;height: 163px;top: 145px;">
            公告栏
        </div>
        <div class="module" id="talkArea" style="width:340px;height: 407px; top: 333px;">
            讨论区
        </div>
    </div>
    </div>
</div>
</body>
</html>